/* 如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符： */

/* <style scoped> */
.a {
	::v-deep .b { /* ... */ } 
} 
/* 上述代码将会编译成： */
.a[data-v-f3f3eg9] .b { /* … */ }
/* </style> */


// vue3
// <style scoped>
/* deep selectors */
::v-deep(.foo) {}
/* shorthand */
:deep(.foo) {}

/* targeting slot content */
::v-slotted(.foo) {}
/* shorthand */
:slotted(.foo) {}

/* one-off global rule */
::v-global(.foo) {}
/* shorthand */
:global(.foo) {}
// </style>